<!DOCTYPE html>
<html lang="en">
<head>
	<{include file="header.html"}>
	<title>学习卡管理-营销中心-<{$user_data['school_name']}>-德安信会计在线教育平台</title>
	<style>
	*{ margin:0px; padding:0px;}

	.scolwz_box{ padding:0px; margin:0; font-size:14px; color:#333; clear:both; vertical-align:middle; cursor:pointer;}
	.scolwz_box *{ padding:0px; margin:0; clear:both; vertical-align:middle;}
	.scolwz_form .wz_item{ clear:both; line-height:30px; margin-bottom:10px; position:relative; padding-left:100px;}
	.scolwz_form .wz_item .wz_label{ position:absolute; left:0px; top:0px; height:30px;}
	.scolwz_form .wz_item .wz_div label{ color:#555; margin-right:10px;}
	.scolwz_form .wz_item .wz_div input[type="radio"]{ margin-right:5px;}
	.scolwz_form .wz_item .wz_div input[type="text"]{ height:28px; line-height:28px; border:1px solid #d1d1d1; background:#fff; padding:0 5px; width:80%;}

	.relation_list{ clear:both; overflow:hidden;}
	.relation_list .re_tit{ height:30px; line-height:30px; background:#EEE; border-top:1px solid #CCC; border-bottom:1px solid #CCC; }
	.relation_list .Btncheck{ width:40px; text-align:center; display:inline-block; vertical-align:middle;}
	.relation_list .re_list li{ line-height:40px; border-bottom:1px dashed #DDD;}
	.relation_list .re_list ol{ padding-left:35px;list-style:none;}

	.updateBtn{ border:1px solid #CCC; color:#09F; height:30px; line-height:30px; padding:0 10px;}
	.kc_upBtn{ background:url(/static/school/images/ico_zk.png) no-repeat; display:inline-block; vertical-align:middle; height:27px; width:85px; margin-left:5px; }
	.selectBtn{ padding:0 20px; text-align:center; height:30px; line-height:30px; border:none; background:#ff9900; color:#fff; cursor:pointer;}
	.kc_ts{ width:25px; height:25px; background:url(/static/school/images/ico_ts.png) no-repeat; display:inline-block;}
	.kc_addminus{ width:25px; height:25px; background:url(/static/school/images/ico_plus.png) no-repeat; display:inline-block;}

	.relation_list{ border:1px solid #39F;}
	.relation_list .re_tip{ border:1px solid #FC6; background:#FF9; padding:10px; margin:10px; cursor:default;}
	.relation_list .re_tip h2{ font-size:14px; color:#0CF}
	.relation_list .re_list li .dd{ display:none;}
	.relation_list .re_list li .dt.curr .kc_addminus{ background:url(/static/school/images/ico_minus.png);}
	.relation_list .re_list li .dt.curr .kc_upBtn{ background:url(/static/school/images/ico_sq.png) no-repeat;}
	/*.scolwz_box .layui-form-checkbox{ height:25px; line-height:25px;}
	.scolwz_box .layui-form-checkbox i{ position:static; width:25px; font-size:15px;}*/
	</style>
</head>
<body>
<div class="wrap">
	<!--star left-->
	<div class="column">
		<{include file="left_menu.html"}>
	</div>
	<div id="ContMianBox">
		<!--star子栏目-->
		<div class="sub-colum">
		    <div class="tit">营销中心</div>
		    <ul>
		        <li><a href="/marketing_wx">微信公众号</a></li>
		        <li><a href="/marketing_fx">分销管理</a></li>
		        <li class="curr"><a href="/marketing_card" >学习卡管理</a></li>
						
		    </ul>
		</div>
		<!--end子栏目-->
		<!--end left-->
		<div class="container narrow">
		    <!--star conter-->
		    <div class="cetContent">
					<div class="tit p-lr20">
					    <span class="curr"><a href="/marketing_card">学习卡管理</a></span>
					</div>
					<!--star内容区域-->
					<div class="mainScroll">
					    <div class="mainContainer line-all">
					        <!--star tabMainCont-->
					        <div class="tabMainCont">
							<form class="layui-form" method="post" action="/marketing_card/add">
								<div class="layui-form-item">
									<label class="layui-form-label">学习卡标题</label>
									<div class="layui-input-inline">
										<input type="text" name="title" value="<{$info.title|default:''}>" lay-verify="required" autocomplete="off" placeholder="学习卡标题" class="layui-input">
									</div>
								</div>

								<div class="layui-form-item">
									<label class="layui-form-label">有效期</label>
									<div class="layui-input-inline">
										<input type="number" name="expire_day" value="<{$info.expire_day|default:''}>" placeholder="学习卡有效天数" lay-verify="required" autocomplete="off" class="layui-input">
									</div>
									<div class="layui-form-mid layui-word-aux">天数</div>
								</div>
								<div class="layui-form-item">
									<label class="layui-form-label">售价</label>
									<div class="layui-input-inline">
										<input type="number" name="price" value="<{$info.price|default:''}>" lay-verify="required" autocomplete="off" placeholder="线下售价" class="layui-input">
									</div>
									<div class="layui-form-mid layui-word-aux">元</div>
								</div>

								<div class="layui-form-item">
									<label class="layui-form-label">数量</label>
									<div class="layui-input-inline">
										<input type="number" name="num" value="<{$info.num|default:''}>" lay-verify="required" autocomplete="off" placeholder="学习卡生成数量" class="layui-input">
									</div>
									<div class="layui-form-mid layui-word-aux">张</div>
								</div>



	<div class="scolwz_box" style="padding:20px;">
	<div class="scolwz_form">
        <!--star 关联课程-->
    	<div class="wz_item">
        	<label class="wz_label">关联课程：</label>
            <div class="wz_div">
            	&nbsp;	
            </div>
        </div>
        <!--end 关联课程-->
    </div>
    <!--star 关联课程-->
    <div class="relation_list">
    	<div class="re_tip hide">
        	<h2>提示操作</h2>
            <p>若勾选课程分类，则分类下的新课程会同步给学员</p>
        </div>
    	<div class="re_tit"><label class="Btncheck"></label><span>目录/科目</span></div>
    	<ol class="re_list">
        	<li>
            	<div class="dt">
                    <label class="Btncheck"></label>
                    <span class="kc_addminus"></span>
                    <span class="kc_tit">视频课<em>(<{$course|count}>)</em></span>
                    <a class="kc_upBtn" href="javascript:;"></a>
                </div>
                <{if !empty($course)}>
                <div class="dd">
                	<ol>
                	
                	<{foreach from=$course item=item}>
                        <li>
                            <div class="dt" style="padding-left: 30px;">
                                <input type="checkbox" name="course[]" value="<{$item['id']}>" lay-skin="primary" title="<{$item['title']}>" >
                            </div>
                        </li>
                        <{/foreach}>
                        
                    </ol>
                </div>
                <{/if}>
            </li>
        	<li>
            	<div class="dt">
                    <label class="Btncheck"></label>
                    <span class="kc_addminus"></span>
                    <span class="kc_tit">题库<em>(<{$tiku|count}>)</em></span>
                    <a class="kc_upBtn" href="javascript:;"></a>
                </div>
                <{if !empty($tiku)}>
                <div class="dd">
                	<ol>
                	
                	<{foreach from=$tiku item=item}>
                        <li>
                            <div class="dt" style="padding-left: 30px;">
                                <input type="checkbox" name="tiku[]" value="<{$item['id']}>" lay-skin="primary" title="<{$item['title']}>" >
                            </div>
                        </li>
                        <{/foreach}>
                        
                    </ol>
                </div>
                <{/if}>
            </li>
        	<!-- <li>
            	<div class="dt">
                    <label class="Btncheck"></label>
                    <span class="kc_addminus"></span>
                    <span class="kc_tit">实训<em>(<{$shixun|count}>)</em></span>
                    <a class="kc_upBtn" href="javascript:;"></a>
                </div>
                <{if !empty($shixun)}>
                <div class="dd">
                	<ol>
                	<{foreach from=$shixun item=item}>
                        <li>
                            <div class="dt" style="padding-left: 30px;">
                                <input type="checkbox" name="shixun[]" value="<{$item['Id']}>" lay-skin="primary" title="<{$item['ztName']}>" >
                            </div>
                        </li>
                        <{/foreach}>
                        
                    </ol>
                </div>
                <{/if}>
            </li> -->
        	
        </ol>
      <!--   <div style="padding:10px; text-align:right;">
        	<button class="selectBtn">选择</button>
        </div> -->
    </div>
    <!--end 关联课程-->
</div>

								<div class="layui-input-block">
									<button class="layui-btn" lay-submit lay-filter="*">立即生成学习卡</button>
									<button type="reset" class="layui-btn layui-btn-primary">重置</button>
								</div>

							</form>



					        </div>
					        <!--end tabMainCont-->
					        </div>

					    </div>
					</div>
					<!--end内容区域-->

		</div>


	</div>
</div>
<{include file="footer.html"}>
<script>
$(function(){
	$('.re_list').find('.dt').click(function(){
		$(this).toggleClass('curr');
		$(this).siblings('.dd').toggle();
	})
})
</script>
</body>
</html>
